<template>
    <h3>If Demo</h3>
    <div v-if="isShow">{{msg}}</div>
    <div v-else>isShow == false</div>

    <div v-if="test_type==='A'">A</div>
    <div v-else-if="test_type==='B'">B</div>
    <div v-else>else</div>

    <div v-show="isShow">{{msg}}</div> <!-- v-show:不改变dom结构, 只改变.display样式, 性能更好 -->
</template>

<script>
export default {
    data() {
        return {
            msg: 'hello vue',
            isShow: true,
            test_type: "C"
        }
    }
}
</script>
